<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" 
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ include file="../header.jsp"%>
<link rel="stylesheet" type="text/css" href="<%=resourceBase%>customCSS/image/image.css">
<script type="text/javascript" src="<%=resourceBase%>customJS/image/image.js"></script>
</head>
<body>
<div id="body-wrapper">
<!-- Wrapper for the radial gradient background -->

<!-- sidebar.jsp -->
<%@ include file="../sidebar.jsp"%>
<div id="gridContent">
	<!-- Main Content Section with everything -->

	<!-- Page Head -->
	<h2>图像数据</h2>
	<p id="page-intro">实时/历史图像</p>
	<div id="bodyWrapper">
	<form id="queryform" action="search" method="post">
	<div><span class="qitem"><label for="site">站点</label><select name="siteId" id="site">
		<c:forEach var="site" items="${userSites}">
			<option title="${site.name}" value="${site.id}">${site.name}</option>
		</c:forEach>
		</select>
	</span><span class="qitem"><label for="startDate">起始时间</label><input class="text-input" name="startDate" id="startDate" type="text"/></span>
	<span class="qitem"><label for="endDate">结束时间</label><input class="text-input" name="endDate" id="endDate" type="text"/></span>
	<input type="button" id="queryBtn" value="查询"/>
	<input type="button" id="autoPlayBtn" value="自动播放" /></div>
	</form>
	<div class="img">
		<a href="javascript:void(0)" id="realtime"></a>
		<a href="javascript:void(0)" id="history"></a>
		<div class="img-page"><span class="img-page-text"><a id="prePage" style="font-size: 12px;" href="javascript:void(0)">上一页</a><span id="imgPage">0/0页</span><a id="nextPage" style="font-size: 12px;" href="javascript:void(0)">下一页</a></span></div>
		<div id="bigImg" class="img-big">&nbsp;
			<a href="javascript:void(0)" id="bimgleft" class="bimgleft"></a>
			<a href="javascript:void(0)" id="bimgright" class="bimgright"></a>
			<div class="img-desc"><span id="imgDesc" class="img-desc-text"></span></div>
			<img id="bigImgSrc" src="<%=resourceBase%>images/image-loading.gif" alt=""/>&nbsp;
		</div>
		<div class="img-bar"><ul id="imgBar"></ul></div>
	</div>
	</div>
</div>
</div>
<div id="imgTip" class="imgTip" style="display:none;"></div>
<script type="text/javascript">$.setCurrentMenu('2_TXSJ');</script>
</script>
</body>
</html>
